﻿body
{
    color: #555;
    font-family: Tahoma;
    font-size: 14px;
    background: url("/Content/Frontend/rs-v10/images/bg-new.jpg") repeat !important;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.clr
{
    clear: both;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
#wrap
{
    width: 1024px;
    border: 1px solid #bbb;
    border-top: none;
    margin: 0 auto;
    background: white;
}
#wrap-head
{
    background: url("/Content/Frontend/rs-v10/images/bg.jpg") repeat-x;
    border-top: 1px #f15975 solid;
    height: 135px;
    position: relative;
}
#logo
{
    position: absolute;
    top: 20px;
    left: 20px;
}
#nav-main
{
    background: url("/Content/Frontend/rs-v10/images/bg-ul-first.png") no-repeat;
    width: 530px;
    position: absolute;
    right: 0px;
    top: 60px;
}
#nav-main ul
{
    list-style: none;
    font-family: Tahoma;
    font-size: 11.5px;
    margin: 0 0 0 36px;
    padding: 0 0 0 2px;
    background: url("/Content/Frontend/rs-v10/images/bg-ul-rp.png") repeat-x;
}

#nav-main ul a
{
    color: #545454;
    display: block;
    font-family:Arial
}
#nav-main ul li
{
    float: left;
    line-height: 40px;
    margin-bottom: 0 !important;
    margin-left: 20px;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 0 12px 0 0;
    position: relative;
    text-transform: uppercase;
}
#nav-main ul li:first-child
{
    padding: 0 12px 0 0px;
    margin-left: 5px;
}
#nav-main ul li li:first-child
{
    margin-left: 0px;
}
#nav-main ul li.have-child
{
    background: url("/Content/Frontend/rs-v10/images/li-have-child.jpg") right 17px no-repeat;
}
#nav-main ul li ul
{
    background: white;
    position: absolute;
    border: 1px solid #d7d7d7;
    border-top: none;
    padding: 0px;
    margin: -4px 0px 0px;
    font-family: Segoe UI,Arial;
    width: 230px;
    z-index: 999;
}
#nav-main ul li ul li
{
    float: none;
    background: #f5f5f5;
    display: block;
    margin: 0;
    border-top: 1px solid white;
    padding: 0px 0px 0px 15px !important;
    text-transform: none;
    line-height: 25px;
}
#nav-main ul li ul li.li-hover
{
    background: #f9f9f9;
}
/* login */
#msgErrorRegister
{
    color: blue;
    display: block;
    margin: 5px 0;
    text-align: center;
    width: 325px;
}
#msgErrorLogin
{
    color: blue !important;
    display: block !important;
    margin: 5px 0 !important;
    text-align: center !important;
    width: 285px !important;
}
#login-tab
{
    background: white;
    border: 1px solid #f15975;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    color: #555555;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    padding: 3px 5px 2px 5px;
    position: absolute;
    right: 25px;
    top: -1px;
}
#panel-login
{
    background: white;
    padding-top: 10px;
    padding-bottom: 20px;
}
#panel-login h3
{
    padding: 0px 0px 2px;
    margin: 0px 0px 5px;
    border-bottom: 1px solid #ef2b4f;
    color: #ef2b4f;
    font-weight: normal;
    font-size: 16px;
}
#panel-login .txt_Small
{
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 3px 0px;
    width: 200px;
}
#panel-login .form
{
    padding-bottom: 5px;
}
#panel-login label
{
    color: #555;
    width: 120px;
    text-align: right;
    display: inline-block;
    font-size: 12px;
}
#panel-login .Register
{
    width: 340px;
}
#panel-login .Register h3
{
    width: 325px;
}
#panel-login .login
{
    width: 320px;
    margin-left: 10px;
    margin-top: 95px;
}
#panel-login .login h3
{
    width: 306px;
}

#panel-login .login label
{
    width: 100px;
}
#panel-login input[type=submit]
{
    background: url("/Content/Frontend/rs-v10/images/btn_login.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    width: 126px;
}
#panel-login .Register input[type=submit]
{
}
#logout-tab
{
    color: #555555;
    font-size: 11px;
    position: absolute;
    right: 70px;
    top: 5px;
}
.input-validation-error
{
    border: 1px solid #EF2B4F !important;
}
/* slide */
#slide
{
    font-family: Arial;
}
#slide .intro
{
    background: url("/Content/Frontend/rs-v10/images/bg_intro2.jpg") no-repeat scroll 0 -20px transparent;
    color: #555555;
    display: inline-block;
    font-size: 12px;
    height: 240px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding-left: 435px;
    padding-top: 0;
    text-align: justify;
    width: 555px;
}
#slide .intro h1
{
    color: #F24F6E;
    font-family: tahoma;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 5px 10px;
    text-decoration: inherit;
}
.intro h2
{
    font-family: times New Roman;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 7px;
    padding: 4px;
    text-transform: inherit;
}
.introdescription
{
    font-family: tahoma;
    font-size: 12px;
    height: 250px;
    line-height: 18px !important;
    overflow: auto;
    padding-left: 6px;
    text-transform: inherit;
    width: 100%;
}

/* service 
#service
{
    padding-bottom:10px;
    padding-left:30px;
}
.panel-service
{
    padding-left:50px;
    padding-top:4px;
    float:left;
}
.panel-service .content-service
{
    border-left:1px solid #d2d0d0;
    min-height:120px;
    background:url("/Content/Frontend/rs-v10/images/bg-content-service.png")  0 20px no-repeat;
    position:relative;
    margin-left:15px;
    
}
.panel-service .content-service h1
{
    padding:0 0 0 5px;
    margin:0px;
    line-height:12px;
}
.panel-service .content-service ul
{
    font-size: 11px;
    font-weight: normal;
    list-style: none outside none;
    padding-left: 10px;
    padding-top: 5px;
    color:#393939;
}
.panel-service .content-service ul li
{
    line-height:18px;
}

.panel-service .content-service h1 img
{
    margin-top:-2px;
}
#service .panel-service-training
{
    background:url("/Content/Frontend/rs-v10/images/icon-training.jpg") 0 20px no-repeat;
    width:150px;
    overflow:hidden;
}
#service .panel-service-designwebsite
{
    background:url("/Content/Frontend/rs-v10/images/icon-designwebsite.jpg") 0 20px no-repeat;
    width:145px;
    overflow:hidden;
    
}
#service .panel-service-seo
{
    background:url("/Content/Frontend/rs-v10/images/icon-seo.jpg") 0 20px no-repeat;
    width:130px;
    overflow:hidden;
}
#service .panel-service-depsoftware
{
    background:url("/Content/Frontend/rs-v10/images/icon-software.jpg") 0 25px no-repeat;
    width:160px;
    overflow:hidden;
}
#service .panel-service-hosting
{
    background:url("/Content/Frontend/rs-v10/images/icon-hosting.jpg") -4px 13px no-repeat;
    width:140px;
    overflow:hidden;
}
#service .panel-service .content-service .bar-service
{
    background:#f02a4f;
    width:1px;
    position:absolute;
    left:-1px;
    height:10px;
}*/
/* service */
.panel-service
{
    float: left;
    width: 235px;
    margin-right: 10px;
    margin-left: 10px;
}
.panel-service h2
{
    border-bottom: 1px solid #D6D6D6;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 5px 4px;
    text-transform: uppercase;
    width: 210px;
}
.panel-service h2 a
{
    color: #f02a4f;
}
.panel-service .logo-service
{
    height: 47px;
    width: 230px;
}
.panel-service .design-website
{
    background: url("/Content/Frontend/rs-v10/images/logo-website-design.jpg")no-repeat;
}
.panel-service .development-software
{
    background: url("/Content/Frontend/rs-v10/images/logo-developer-software.jpg") no-repeat scroll 0 -5px transparent;
}
.panel-service .seo
{
    background: url("/Content/Frontend/rs-v10/images/logo-seo.jpg")no-repeat;
}
.panel-service .education-programmer
{
    background: url("/Content/Frontend/rs-v10/images/logo-educationprogrammer.jpg")no-repeat;
}
.panel-service .content
{
    color: #555555;
    font-family: Arial;
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
    padding-left: 1px;
    padding-right: 5px;
    text-align: justify;
}
.panel-service .content a
{
    font-size: 11px;
    padding-left: 10px;
}
/* i need */
#panel-ineed
{
    background: url("/Content/Frontend/rs-v10/images/bg_ineed.jpg") 0 -40px no-repeat;
    min-height: 100px;
    margin-top: 25px;
    padding-top: 22px;
}
#head-ineed
{
    margin-left: 12px;
}
#head-ineed input[type=submit]
{
    border: solid 1px #d23541;
    color: #ca3d45;
    border-radius: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: pointer;
}
#head-ineed input[type=text]
{
    width: 390px;
    margin-left: 5px;
}
#list-ineed
{
    margin: 15px 15px 5px;
    width: 580px;
}
.item-ineed
{
    height: 65px;
}
.item-ineed .avt
{
    float: left;
    padding: 1px;
    border: 1px solid #CCC;
    width: 53px;
    height: 58px;
}
.item-ineed h5
{
    font-size: 12px;
    padding-left: 65px;
    color: #555;
}
.item-ineed p.description
{
    font-size: 11px;
    padding-left: 65px;
    color: #555;
}
.item-ineed .poster
{
    color: #2e56ca;
    font-weight: bold;
    padding: 0 5px 0px 0px;
}
.item-ineed .post-date
{
    color: #cfc8c8;
    padding: 0 5px;
}
.item-ineed .post-status
{
    color: #f29715;
    padding: 0 5px;
}
#footer-ineed
{
    background: url("/Content/Frontend/rs-v10/images/bg_ineed.jpg") no-repeat scroll -11px -10px white;
    bottom: 0;
    font-size: 11px;
    height: 20px;
    left: 0;
    line-height: 19px;
    padding-right: 9px;
    position: absolute;
    text-align: right;
    width: 545px;
}
#footer-ineed a
{
    padding: 0 4px;
    color: #d23640;
}
#panel-list-item-need
{
    width: 570px;
}
#panel-list-content-item-need
{
    position: absolute;
    width: 580px;
    height: 345px;
    top: 0;
    left: 0;
    z-index: 999;
    background: white;
}
#close-content-item-ineed
{
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #555555;
    bottom: 0;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 10px;
    padding: 1px 10px 2px;
    position: absolute;
    right: 4px;
}
a#close-content-item-ineed:hover
{
    background: #FFF;
    color: #555;
}
#list-content-item-ineed
{
    width: 578px;
    height: 330px;
    overflow: hidden;
    position: relative;
}
.description-item-ineed
{
    height: 200px;
}
.panel-content-item-ineed
{
    color: #555;
    font-family: Tahoma;
    font-size: 12px;
    width: 568px;
    padding-bottom: 2px;
    display: none;
    height: 330px;
    margin-bottom: 2px;
    padding-right: 10px;
}
.panel-content-item-ineed-active
{
    display: block;
}
.head-content-item-ineed .poster
{
    color: #2e56ca;
    font-weight: bold;
    padding: 0 5px;
    font-size: 11px;
}
.head-content-item-ineed .title
{
    font-weight: bold;
    padding: 0 0 0 39px;
}
.head-content-item-ineed .avt
{
    float: left;
    padding: 1px;
    border: 1px solid #CCC;
    width: 30px;
    height: 32px;
}
.head-content-item-ineed .post-date
{
    color: #cfc8c8;
    padding: 0 5px;
    font-size: 11px;
}
.head-content-item-ineed .post-status
{
    color: #f29715;
    padding: 0 5px;
    font-size: 11px;
}
.main-content-item-ineed
{
    padding: 5px 5px 5px 0px;
    text-align: justify;
    font-family: Arial;
}
.list-reply-item-ineed
{
    padding-top: 10px;
    background: url("/Content/Frontend/rs-v10/images/bg-reply.png") no-repeat scroll 15px 5px white;
    margin-left: 30px;
    padding-bottom: 5px;
}
.panel-reply-item-ineed
{
    background: #EDEFF4;
    border-bottom: 1px solid #D2D9E7;
    border-top: 1px solid white;
    height: 40px;
    height: auto !important;
    min-height: 40px;
}
.panel-reply-item-ineed .txt_comment
{
    background: none repeat scroll 0 0 white;
    border: 1px solid #D2D9E7;
    font-size: 11px;
    height: 25px;
    line-height: 2px;
    margin: 5px 6px 2px;
    width: 520px;
    font-family: Tahoma;
    color: #555;
}
.panel-reply-item-ineed:first-child .submit_comment
{
    margin-right: 9px;
}
.submit_comment
{
    background-color: #5B74A8;
    background-image: url("/Content/Frontend/rs-v10/images/bg_comment.png");
    background-position: 0 -101px;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    color: White;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-right: 6px;
    padding: 2px 10px;
    cursor: pointer;
}
.panel-reply-item-ineed:first
{
    border-top: none;
}
.panel-reply-item-ineed .avt
{
    float: left;
    margin-left: 4px;
    margin-top: 4px;
    width: 30px;
    height: 32px;
}
.panel-reply-item-ineed .poster
{
    color: #2e56ca;
    font-weight: bold;
    padding: 0 5px;
    font-size: 11px;
}
.panel-reply-item-ineed .post-date
{
    color: #cfc8c8;
    padding: 0 5px;
    font-size: 11px;
}
.panel-reply-item-ineed .post-status
{
    color: #f29715;
    padding: 0 5px;
    font-size: 11px;
}

.panel-reply-item-ineed .content-reply
{
    padding-left: 40px;
}
.panel-reply-item-ineed .content-reply
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding-right: 2px;
}
/* FAQ */
#List-FAQ-ineed
{
    padding-left: 7px;
    padding-top: 32px;
    height: 345px;
    width: 400px;
    position: relative;
}
#List-FAQ-ineed h4
{
    color: #D23640;
    font-family: tahoma;
    font-size: 17px;
    font-weight: normal;
    padding-left: 35px;
    text-transform: inherit;
}
#List-FAQ-ineed ul
{
    padding-top: 10px;
}
#List-FAQ-ineed ul li
{
    background: url("/Content/Frontend/rs-v10/images/book-FAQ.jpg") no-repeat scroll 0 4px transparent;
    color: #CCCCCC;
    font-size: 12px;
    line-height: 28px;
    list-style: none outside none;
    padding-left: 25px;
}
#List-FAQ-ineed ul li a
{
    color: #555;
}
#List-FAQ-ineed a#read-more
{
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: #D23640;
    font-size: 11px;
}
/* News */
#News
{
    float: left;
    width: 620px;
}
.panel-news
{
    padding-top: 20px;
    padding-left: 15px;
    height: 180px;
}
.panel-news .Name-category
{
    color: #d33540;
    padding: 0px 15px 0px 0px !important;
    font-size: 17px;
    text-transform: inherit;
}
.panel-news ul.category
{
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    z-index: 999;
}
.panel-news ul.category li
{
    float: left;
    padding: 0px;
    margin: 0px;
}
.panel-news ul.category li a
{
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px 3px;
    line-height: 28px;
}
.panel-news ul li.active
{
    background: white;
}
.panel-news ul li.active a
{
    border: 1px solid #CFCFCF;
    border-bottom: 1px solid white;
    color: #346ea5;
}
.panel-content-news
{
    border-top: 1px solid #CFCFCF;
    padding-top: 10px;
    margin-top: -3px;
    display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .panel-content-news
    {
        margin-top: -5px !important;
    }
}
.panel-content-news img.avt
{
    border: 1px solid #CFCFCF;
    padding: 2px;
    margin-right: 10px;
    width: 180px;
    height: 100px;
}
.panel-content-news .title a
{
    color: #555;
    font-size: 12px;
    color: #346EA5;
}
.panel-content-news .description
{
    font-size: 12px;
    padding: 2px 0;
}
.panel-content-news-active
{
    display: block;
}
.list-news-related
{
    display: block;
    padding-left: 198px;
    list-style: none;
}
.list-news-related li
{
    background: url("/Content/Frontend/rs-v10/images/related-ul.png") no-repeat scroll 0 9px transparent;
    line-height: 14px;
    padding-left: 10px;
}
.list-news-related li a
{
    color: #346ea5;
    font-size: 11px;
}
/* support */
#support-online
{
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    width: 370px;
}
.panel-support-online
{
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    color: #555;
    width: 180px;
    padding-bottom: 20px;
}
.panel-support-online div
{
    padding: 2px 0px;
}
.panel-support-online div a
{
    color: #555;
}
.panel-support-online h4
{
    font-size: 16px;
    font-weight: normal;
    padding-left: 5px;
    padding-bottom: 5px;
    color: #d33640;
    text-transform: capitalize;
}
.chatyahoo
{
    padding-left: 3px !important;
}
.chatyahoo img
{
    padding-right: 8px;
}
.chatskype
{
    padding-left: 3px !important;
}
.chatskype img
{
    padding-right: 7px;
}
.mailto img
{
    padding-left: 2px;
    padding-right: 6px;
}
.sdt img
{
    padding-right: 4px;
}
/* footer */
#wrap-footer
{
    margin: 0 10px;
    border-top: 1px solid #CCC;
    height: 55px;
    font-size: 11px;
}
#wrap-footer ul
{
    list-style: none;
    color: #CCC;
    font-size: 11px;
    margin-top: 5px;
}
#wrap-footer ul li
{
    float: left;
    border-right: 1px solid #CCC;
    padding: 0px 10px;
}
#wrap-footer ul li a
{
    color: #555;
}
/* List site map */
.list-site-map
{
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid #e8e6e6;
    line-height: 20px;
    font-size: 11px;
    color: #b23612;
    width: 1000px;
    margin: 0 auto;
}
.list-site-map div
{
    float: left;
    padding-left: 5px;
}
.list-site-map div a
{
    color: #797979;
}
/* box request ineed */
.box-request-ineed
{
    width: 325px;
    padding: 5px 10px;
    background: white;
}
.box-request-ineed label
{
    color: #555555;
    display: block;
    font-size: 12px;
    width: 120px;
    font-weight: bold;
    margin: 10px 0px 2px;
}
.box-request-ineed .txt_Small
{
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    padding: 3px 0;
    font-size: 11px;
    width: 323px;
}
.box-request-ineed input[type="submit"]
{
    background: url("/Content/Frontend/rs-v10/images/btn_login.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    width: 126px;
}
.box-request-ineed h4
{
    border-bottom: 1px solid #EF2B4F;
    color: #EF2B4F;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0 0 2px;
    width: 325px;
}
.ui-widget-header
{
    background: none !important;
    border: none !important;
}
/* flag */
.flag
{
    position:absolute;
    right:10px;
}

.flag .flag-vi
{
    background: url("/Content/Base-theme/icons/16/flag_vn.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 11px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 16px;
    margin-top:5px;
}

.flag .flag-en
{
    background: url("/Content/Base-theme/icons/16/flag_us.png");
    display: block;
    float: left;
    height: 11px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 16px;
    margin-top:5px;
}
